.fn-left, .fn-right { display: inline; }
.fn-left { float: left; }
.fn-right { float: right; }
.relative { position: relative;}

.media { *zoom: 1; }
.media:after { content: "\20"; display: block; height: 0; clear: both; }
.media .bd { vertical-align: baseline; display: table-cell; width: 10000px; *width: auto; *zoom: 1; }
.media .bd:after { content: "\20"; display: block; height: 0; clear: both; }
.media .bd:first-child { margin-top: 0; }
.media .bd:last-child { margin-bottom: 0; }
.media .bd img { display: block; }
.media .img { float: left; }
.media .img img { display: block; }
.media .imgext { float: right; }
.media .imgext img { display: block; }

/*常用边距 spacing helpers p,m = padding,margin a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical s,m,sm,l,n = small(5px),medium(10px),smallmedium(15px),large(20px),none(0px) ml,ll = morelarge(30px), largelarge(40px) */
.ptn, .pvn, .pan { padding-top: 0px !important; }
.pts, .pvs, .pas { padding-top: 5px !important; }
.ptm, .pvm, .pam { padding-top: 10px !important; }
.ptsm, .pvsm, .pasm { padding-top: 15px !important; }
.ptl, .pvl, .pal { padding-top: 20px !important; }
.ptml, .pvml, .paml { padding-top: 30px !important; }
.ptll, .pvll, .pall { padding-top: 40px !important; }
.prn, .phn, .pan { padding-right: 0px !important; }
.prs, .phs, .pas { padding-right: 5px !important; }
.prm, .phm, .pam { padding-right: 10px !important; }
.prsm, .phsm, .pasm { padding-right: 15px !important; }
.prl, .phl, .pal { padding-right: 20px !important; }
.prml, .phml, .paml { padding-right: 30px !important; }
.prll, .phll, .pall { padding-right: 40px !important; }
.pbn, .pvn, .pan { padding-bottom: 0px !important; }
.pbs, .pvs, .pas { padding-bottom: 5px !important; }
.pbm, .pvm, .pam { padding-bottom: 10px !important; }
.pbsm, .pvsm, .pasm { padding-bottom: 15px !important; }
.pbl, .pvl, .pal { padding-bottom: 20px !important; }
.pbml, .pvml, .paml { padding-bottom: 30px !important; }
.pbll, .pvll, .pall { padding-bottom: 40px !important; }
.pln, .phn, .pan { padding-left: 0px !important; }
.pls, .phs, .pas { padding-left: 5px !important; }
.plm, .phm, .pam { padding-left: 10px !important; }
.plsm, .phsm, .pasm { padding-left: 15px !important; }
.pll, .phl, .pal { padding-left: 20px !important; }
.plml, .phml, .paml { padding-left: 30px !important; }
.plll, .phll, .pall { padding-left: 40px !important; }
.mtn, .mvn, .man { margin-top: 0px !important; }
.mts, .mvs, .mas { margin-top: 5px !important; }
.mtm, .mvm, .mam { margin-top: 10px !important; }
.mtsm, .mvsm, .masm { margin-top: 15px !important; }
.mtl, .mvl, .mal { margin-top: 20px !important; }
.mtml, .mvml, .maml { margin-top: 30px !important; }
.mtll, .mvll, .mall { margin-top: 40px !important; }
.mrn, .mhn, .man { margin-right: 0px !important; }
.mrs, .mhs, .mas { margin-right: 5px !important; }
.mrm, .mhm, .mam { margin-right: 10px !important; }
.mrsm, .mhsm, .masm { margin-right: 15px !important; }
.mrl, .mhl, .mal { margin-right: 20px !important; }
.mrml, .mhml, .maml { margin-right: 30px !important; }
.mrll, .mhll, .mall { margin-right: 40px !important; }
.mbn, .mvn, .man { margin-bottom: 0px !important; }
.mbs, .mvs, .mas { margin-bottom: 5px !important; }
.mbm, .mvm, .mam { margin-bottom: 10px !important; }
.mbsm, .mvsm, .masm { margin-bottom: 15px !important; }
.mbl, .mvl, .mal { margin-bottom: 20px !important; }
.mbml, .mvml, .maml { margin-bottom: 30px !important; }
.mbll, .mvll, .mall { margin-bottom: 40px !important; }
.mln, .mhn, .man { margin-left: 0px !important; }
.mls, .mhs, .mas { margin-left: 5px !important; }
.mlm, .mhm, .mam { margin-left: 10px !important; }
.mlsm, .mhsm, .masm { margin-left: 15px !important; }
.mll, .mhl, .mal { margin-left: 20px !important; }
.mlml, .mhml, .maml { margin-left: 30px !important; }
.mlll, .mhll, .mall { margin-left: 40px !important; }

.fz20 { font-size: 20px;}
.fz25 { font-size: 25px;}
.fz30 { font-size: 30px;}

.bg-gray { background: #d2d2d2; padding: 15px;}
.txtC{ text-align: center;}


.border_bottom_1_ccc { border-bottom: 1px solid #ccc;}
.border_1_ccc { border: 1px solid #ccc;}
.border_0 { border: 0;}
.border_0:hover, .border_0:active { background: #fff; cursor: default; border-color: none; box-shadow: none;}

/*topnav*/
.username_view{ display: inline-block; min-width: 40px; text-align: right;}

/* resource-pool.html */
.potpool_wrap_box { width: 150px; height: 150px; padding-top: 40px; border: 1px solid #ccc; text-align: center; border-radius: 20px;}
.potpool_wrap_box a { display: block;}


/*pot-pool.html*/
.steps { background: #eee; border-bottom: 1px solid #ccc; height: 50px; text-align: center; position: relative;}
.steps .sr { height: 50px; width: 100%; position: absolute; z-index: 2;}
.steps .s { width: 30px; height: 30px; border-radius: 50%;  display: inline-block; margin: 10px 50px 0; line-height: 30px; text-align: center; background: #999;}
.steps .l { width: 270px; height: 5px; background: #ddd; left: 50%; top: 50%; position: absolute; margin-left: -135px; z-index: 1;}
.steps .active { background: #0f5092; color: #fff;}

/*pop layout*/
#historyommandWrap{ height: 370px;}

/*cover bootstrap*/
.pagination li a{ cursor: pointer;}
.pager li{ float: left; margin-right: 10px;}
.pager li > a{ cursor: pointer;}
.pager li > a,
.pager li > span{ float: left;}
.pager .next > a,
.pager .next > span{ float: left;}
.pager input.form_text{ text-align: center; margin-right: 10px; height: 32px; width: 50px; float: left;}
.pager input.error{ border: 1px solid #f00;}
.pager li.dis{ line-height: 32px;}


/*quick_nav*/
.quick_nav .submit_bar{ display: none;}
.quick_nav tr td{ position: relative; width: 50%; text-align: center;}
.quick_nav tr td .cover{ position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.85; left: 0; top: 0; color: #fff; font-size: 11px; line-height: 30px; text-align: center;}
.quick_nav tr td .cover span{ cursor: pointer; display: inline-block; padding: 3px;}
.quick_nav tr{ display: none;}
.quick_nav.edit tr.disable,
.quick_nav tr.live{ display: table-row;}
.quick_nav tr.disable td{ background-color: #666; opacity: 0.5;}
#quick_nav.edit .submit_bar{ display: block;} 
.dropdown-menu li a{ cursor: pointer;}

/*add_host_block*/
.add_host_block h5{ font-size: 16px; line-height: 1.5em;}
.selected_source{ font-weight: bold;}
.add_host_block input.error{ border-color: #f00;}
.add_host_block .table-over tbody .scroll_wrap{ max-height: 236px; overflow-y: scroll;}

/*project*/
input.error{ border-color: #f00;}
body.page-project .step_2 table tbody select,
body.page-project .step_2 table tbody input.form_number{ width: 100px;}

tbody .btn_bar{ width: 150px;}

/*loading*/
.loading { position: fixed; background: rgba(0,0,0,.5); z-index: 9999; left:0; top:0; width: 100%; height: 100%; display: none;}
.loading img { position: absolute; left:50%; top:50%; margin: -32px 0 0 -32px; display: block; width: 64px; height: 64px;}




#quick_nav { width: 160px;}
.subnav-fixed { position: fixed; top: 20px; z-index: 1020; }
#timeout_btns a{ cursor: pointer;}
#timeout_btns a.active{ color: #000;}

.thiswrap {overflow-y: scroll; position: relative; max-height: 250px;}

#step_3 .btn-primary.active { background: #0b3e6a;}
#error_body { padding:30px;}

.status-color { float: right; }
.status-off { color: #333；}
.status-stop { color: #d9534f;}
.status-emove-sign { color: #d9534f;}
.status-play { color: #5cb85c;}
.status-exclamation-sign {  color: #f0ad4e;}
.status-question-sign { color: #777; }
.status-eye-close { color: #777; }
.status-list-alt { color: #777; }
































